import { Html } from '@elysiajs/html'
import { Layout } from '../layout/layout';
import { PageHeader } from '../layout/page-header';

export const About = () => Layout( <div > 
             {PageHeader({bannerTitle:'About',bannerSub:'Hey, this is Z.',bannerBg:'/front/default/static/img/post-bg-rwd.jpg'} as Record<string,any>)}
    <div class="container">
        <div class="row"> 
    {/* <!-- Post Container --> */}  
    <div class="zh post-container">
    			{/* <!-- Language Selector --> */}
{/* <!-- <select class="sel-lang" onchange= "onLanChange(this.options[this.options.selectedIndex].value)">
    <option value="0" selected> 中文 Chinese </option>
    <option value="1"> 英文 English </option>
</select> --> */}

{/* <!-- Chinese Version --> */} 

    {/* <!--copied from markdown --> */}
    <blockquote><p>冰冻三尺 非一日之寒<br />
    积土成山 非斯须之作</p></blockquote>

    <p>Hey，我是<strong>邹壮壮</strong>，一只iOS程序猿，现在南京工作。</p>

    <p>工作、学习之余，我还是一个健身爱好者，同时也非常喜欢拳击。</p>

    <p>这是我的利用 <a href="https://pages.github.com/">GitHub Pages</a> 与 <a href="http://jekyll.com.cn/">Jekyll</a> 搭建的 个人博客。我在GitHub主页<a href="https://github.com/zou145688zhuang">👉GitHub·ZZ</a> 与 简书主页<a href="https://www.jianshu.com/u/b15e5c90bc49">👉ZZ</a>。如果有什么问题，欢迎提出探讨~</p>

    <p></p>
    <div style="color: rgb(0,133,161);font-weight: bold;font-size: 24pt;">我的Github项目</div>

             
           
            <div class="tags customColor">
                
                <a class="card-title" href="https://github.com/zou145688zhuang/dedeveloperDEMO" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">dedeveloperDEMO</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/zou145688zhuang.github.io" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">zou145688zhuang.github.io</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/ZZCategorys" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">ZZCategorys</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/whistle" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">whistle</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/TimLiu-iOS" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">TimLiu-iOS</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/SwiftyJSON" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">SwiftyJSON</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/SwiftSoup" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">SwiftSoup</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/StatusBarCompat" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">StatusBarCompat</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/react-navigation" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">react-navigation</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/PromiseKit" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">PromiseKit</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/packer-ng-plugin" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">packer-ng-plugin</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/miniapp-coupons" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">miniapp-coupons</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/Matisse" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">Matisse</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/JJException" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">JJException</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/iOS-" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">iOS-</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/IDMPhotoBrowser" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">IDMPhotoBrowser</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/gold-miner" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">gold-miner</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/free-programming-books-zh_CN" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">free-programming-books-zh_CN</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/FDFullscreenPopGesture" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">FDFullscreenPopGesture</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/FastKV" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">FastKV</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/fanqiang" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">fanqiang</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/DoraemonKit" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">DoraemonKit</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/chinese-poetry" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">chinese-poetry</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/BottomBarLayout" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">BottomBarLayout</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/BoomMenu" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">BoomMenu</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/books" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">books</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/awesome-ios" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">awesome-ios</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/awesome-go" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">awesome-go</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/awesome-android-ui" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">awesome-android-ui</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/AndroidUtilCode" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">AndroidUtilCode</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/Android-ZBLibrary" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">Android-ZBLibrary</a>
                
                <a class="card-title" href="https://github.com/zou145688zhuang/android-open-project" target="_blank" style="background-color: rgb(241,243,244);color: #bfbfbf">android-open-project</a>
                
            </div>
     <p></p>
    <h5>Talks</h5>

    <ul>
        <li><a href="https://github.com">GitHub</a></li>
        <li><a href="http://jekyll.com.cn/">jekyll</a></li>
        <li><a href="http://huangxuan.me/">Hux</a></li> 
        <li><a href="https://analytics.google.com/analytics">Google Analytics</a></li>
    </ul>
</div>
 
        </div>
    </div>
    </div>
);